<template>
  <div>
    <p>{{obj.name}}</p>
    <button @click="change">变成凤雏</button>
  </div>
</template>

<script>
// 数据响应式
// 1. 导入reactice函数
import { reactive} from 'vue'
export default {
  setup() {
    // 2. 包裹住一个对象
    const obj = reactive({
      name: '刘凯亮'
    })
    console.log(obj)
    const change = () => {
      obj.name = '张蕾'
    }
    return {
      obj,
      change
    }
  },

}
</script>